<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <style></style>

  <body>
    <div id="header" class="on light">
      <div class="header">
        <a class="head_logo" href="index.aspx"></a>
        <div class="head_nav_btn"><span></span></div>
        <div class="mySelect positioning">
          <div class="drapList">
            <ul></ul>
          </div>
        </div>
      </div>
      <div class="main-menu" style="opacity: 0">
        <div class="head_nav">
          <ul class="nav_list">
            <li class="">
              <a href="index.html">首页</a>
            </li>
            <li class="arrow">
              <p>关于我们</p>
              <div class="h5-down-arrow">
                <img src="static/images/common/arrow-right.png" alt="" />
              </div>
              <ul class="ul_nei_nav">
                <li><a href="problem-s1">公司介绍</a></li>
                <li><a href="team.aspx">企业文化</a></li>
                <li><a href="news.aspx">发展历程</a></li>
                <li><a href="brand.aspx">荣誉资质</a></li>
                <li><a href="team.aspx">营销网络</a></li>
                <li><a href="news.aspx">联系我们</a></li>
              </ul>
            </li>
            <li class="">
              <a href="product-center-two.html">产品中心</a>
              <ul class="ul_nei_nav">
                <li><a href="find_room.aspx">工业冷水机</a></li>
                <li><a href="enterprise.aspx">蒸发冷-体式机组</a></li>
                <li><a href="enterprise.aspx">螺杆式冷水机</a></li>
                <li><a href="find_room.aspx">低温冷冻机</a></li>
                <li><a href="enterprise.aspx">离心式冷水机组</a></li>
                <li><a href="enterprise.aspx">防爆冷水机</a></li>
              </ul>
            </li>
            <li class="">
              <a href="use-case.html">应用案例</a>

              <ul class="ul_nei_nav">
                <li>
                  <a href="cooperation.aspx">应用案例</a>
                </li>
                <li><a href="cooperation_case.aspx">应用视频</a></li>
              </ul>
            </li>
            <li class="">
              <a href="use-case.html">技术&服务</a>
              <ul class="ul_nei_nav">
                <li><a href="join.aspx">常见问题</a></li>
                <li><a href="contact.aspx">售后服务</a></li>
              </ul>
            </li>
            <li class="">
              <a href="news-details.html">新闻中心</a>

              <ul class="ul_nei_nav">
                <li><a href="join.aspx">公司新闻</a></li>
                <li><a href="contact.aspx">行业新闻</a></li>
              </ul>
            </li>
            <li class="">
              <a href="contact.html">联系我们</a>
              <ul class="ul_nei_nav">
                <li><a href="join.aspx">联系我们</a></li>
                <li><a href="contact.aspx">加入我们</a></li>
              </ul>
            </li>
          </ul>
        </div>
        <div class="panel-logo h5">
          <img src="static/images/common/panel-logo.png" alt="ctmon" />
        </div>
      </div>
      <div class="landscape-mobile"></div>
      <script>
        $(document).ready(function () {
          var menu = $('#header .head_nav_btn');
          menu.click(function (e) {
            // e.stopPropagation();
            var state = $(this).attr('class');
            if (state.indexOf('open') >= 0) {
              $(this).removeClass('open');
              $('body').removeClass('no-scroll');
              $('.main-menu').animate(
                {
                  opacity: '0'
                },
                500
              );
              $('.main-menu').removeClass('locked');
              $('.circle2').removeClass('white');
              $('.nav_list > li').each(function (i) {
                $(this).removeClass('wow fadeInUp animated');
              });
            } else {
              $(this).addClass('open');
              $('body').addClass('no-scroll');
              $('.main-menu').animate(
                {
                  opacity: '1'
                },
                500
              );
              $('.main-menu').addClass('locked');
              $('.circle2').addClass('white');
              // $('.nav_list > li').each(function (i) {
              //   $(this)
              //     .addClass('wow fadeInUp animated')
              //     .css({
              //       'animation-delay': i * 2 + '00ms'
              //     });
              // });
            }
          });
          $('.menu-nav var').click(function () {
            menu.removeClass('open');
            $('body').removeClass('no-scroll');
            $('.main-menu').removeClass('locked');
          });
          // 点击弹出子导航
          $('.nav_list>li>p').click(function () {
            var ul_nei_nav = $(this).siblings('.ul_nei_nav');
            if (ul_nei_nav.css('display') === 'none') {
              $(this).siblings('.ul_nei_nav').slideDown();
              $(this).parents('li').siblings().find('.ul_nei_nav').slideUp();
              $(this).addClass('on');
              $(this).parents('li').siblings().find('p').removeClass('on');
            } else {
              $(this).siblings('.ul_nei_nav').slideUp();
              $(this).removeClass('on');
            }
          });
          showNav();
          // 导航栏定位
          function showNav() {
            var urlstr = location.href;
            var urlstatus = false;
            $('.nav_list li a').each(function () {
              if ((urlstr + '/').indexOf($(this).attr('href')) > -1 && $(this).attr('href') != '') {
                $(this).parent().addClass('curr').siblings('li').removeClass('curr');
                $(this).addClass('on');
                $(this).parents('.ul_nei_nav').show();
                $(this).parents('li').children('p').addClass('on');
                $(this).parents('.ul_nei_nav').siblings('li').addClass('on');
                urlstatus = true;
              } else {
                $(this).parent().removeClass('curr');
                urlstatus = false;
              }
            });
          }
          //自定义下拉
          if ($('.mySelect').length) {
            $('.mySelect').each(function () {
              var s = $(this);
              var z = parseInt(s.css('z-index'));
              var dt = $(this).children('.show');
              var dd = $(this).children('.drapList');
              var _show = function () {
                dd.slideDown(300);
                s.css('z-index', z + 1);
                dt.addClass('on');
              }; //展开效果
              var _hide = function () {
                dd.slideUp(300);
                s.css('z-index', z);
                dt.removeClass('on');
              }; //关闭效果
              dt.click(function () {
                dd.is(':hidden') ? _show() : _hide();
              });
              dd.on('click', 'li', function () {
                dt.children('em').html($(this).text());
                var _id = $(this).data('id');
                var _par = $(this).parents('.mySelect');
                _par.find('.show').attr('data-id', _id);
                _hide();
              });
              $('body').click(function (i) {
                !$(i.target).parents('.mySelect').first().is(s) ? _hide() : '';
              });
            });
          }
        });

        $('.nav_list > li').click(function () {
          $(this).toggleClass('active').siblings().removeClass('active');
        });
        $('.ul_nei_nav li a').click(function (e) {
          $('.main-menu').removeClass('locked');
          $('body').removeClass('no-scroll');
        });
      </script>
    </div>
    <!-- light 为透明 -->
    <div id="header_pc" class="header-pc">
      <div class="header-pc-box w1600">
        <div class="header-pc-left">
          <a href="index.html" class="logo">
            <img src="../static/images/picture/logo.png" alt="ctmon" />
          </a>
        </div>
        <div class="header-pc-right">
          <div class="header-pc-center">
            <ul class="nav">
              <li class="on">
                <a href="index.html" class="nav-a">首页</a>
                <div class="pc_ul_nei_nav"></div>
              </li>
              <li>
                <a href="about.html" class="nav-a">关于我们</a>

                <div class="pc_ul_nei_nav">
                  <a class="pc_ul_nei_nav_a" href="about.html#company">公司介绍</a>
                  <a class="pc_ul_nei_nav_a" href="about.html#culture">企业文化</a>
                  <a class="pc_ul_nei_nav_a" href="about.html#develop">发展历程</a>
                  <a class="pc_ul_nei_nav_a" href="about.html#honor">荣誉资质</a>
                  <a class="pc_ul_nei_nav_a" href="about.html#market">营销网络</a>
                  <a class="pc_ul_nei_nav_a" href="contact.html">联系我们</a>
                </div>
              </li>
              <li>
                <a href="product-center-two.html" class="nav-a">产品中心</a>
                <div class="pc_ul_nei_nav">
                  <a class="pc_ul_nei_nav_a" href="product-center.html">工业冷水机</a>
                  <a class="pc_ul_nei_nav_a" href="product-center.html">蒸发冷-体式机组</a>
                  <a class="pc_ul_nei_nav_a" href="product-center.html">螺杆式冷水机</a>
                  <a class="pc_ul_nei_nav_a" href="product-center.html">低温冷冻机</a>
                  <a class="pc_ul_nei_nav_a" href="product-center.html">热泵冷水机组</a>
                  <a class="pc_ul_nei_nav_a" href="product-center.html">离心式冷水机组</a>
                  <a class="pc_ul_nei_nav_a" href="product-center.html">防爆冷水机</a>
                </div>
              </li>

              <li>
                <a href="use-case.html" class="nav-a">应用案例</a>
                <div class="pc_ul_nei_nav">
                  <a class="pc_ul_nei_nav_a" href="use-case.html">应用案例</a>
                  <a class="pc_ul_nei_nav_a" href="use-case-v.html">应用视频</a>
                </div>
              </li>
              <li>
                <a href="tachnology.html" class="nav-a">技术&服务</a>
                <div class="pc_ul_nei_nav">
                  <a class="pc_ul_nei_nav_a" href="tachnology.html">常见问题</a>
                  <a class="pc_ul_nei_nav_a" href="contact.html">售后服务</a>
                </div>
              </li>
              <li>
                <a href="news-details.html" class="nav-a">新闻中心</a>
                <div class="pc_ul_nei_nav">
                  <a class="pc_ul_nei_nav_a" href="#circle-onet">行业新闻</a>
                  <a class="pc_ul_nei_nav_a" href="#circle-oneo">公司新闻</a>
                </div>
              </li>
              <li>
                <a href="contact.html" class="nav-a">联系我们</a>
                <!-- <div class="pc_ul_nei_nav">
                  <a class="pc_ul_nei_nav_a" href="#">联系我们</a>
                  <a class="pc_ul_nei_nav_a" href="#">加入我们</a>
                </div> -->
              </li>
            </ul>
          </div>
          <div class="xiala">
            <a href="http://127.0.0.1:5501/henruida%202/henruida/hengruida/contact.html" class="nav-a nav-active">
              <div class="header-pc-center dropdownlist">
                <span>EN</span>
                <img src="../static/images/picture/xiajianto.png" alt="ctmon" />
                <div class="pc_ul_nei_nav"></div>
              </div>
            </a>
            <div class="pc_ul_nei_nav">
              <a class="pc_ul_nei_nav_a" href="">中文</a>
              <a class="pc_ul_nei_nav_a" href="product.html">EN</a>
            </div>
          </div>
          <div class="header-pc-right-code">
            <!-- <img src="../static/images/picture/phone.png" alt="ctmon" /> -->
            <span class="header-pc-right-code-span-phone"
              >全国服务热线
              <br />
              <span class="header-pc-right-code-span">(设备资讯/购买合作)</span>
            </span>
            <span class="header-pc-right-code-span-phone-number"
              >0755-33591188
              <br />
              33591818
            </span>
          </div>
        </div>
      </div>
    </div>
  </body>
  <script>
    // script.js
    document.addEventListener('DOMContentLoaded', function () {
      var dropdownMenu = document.getElementById('dropdownMenu');
      var submenu = document.getElementById('submenu');

      dropdownMenu.addEventListener('mouseenter', function () {
        submenu.style.display = 'block'; // 鼠标移入时显示子菜单
      });

      dropdownMenu.addEventListener('mouseleave', function () {
        submenu.style.display = 'none'; // 鼠标移开时隐藏子菜单
      });

      // 为了确保当用户将鼠标从链接移动到子菜单时不关闭菜单，
      // 我们还需要给子菜单添加mouseenter和mouseleave事件，但在mouseleave时检查鼠标是否仍在dropdownMenu或其子元素内
      submenu.addEventListener('mouseleave', function (event) {
        setTimeout(function () {
          var relatedTarget = event.relatedTarget || document.activeElement;
          if (!dropdownMenu.contains(relatedTarget) && !submenu.contains(relatedTarget)) {
            submenu.style.display = 'none';
          }
        }, 0);
      });
    });
  </script>
</html>
